<template>
  <view>
    <!-- 相机视图 -->
    <!-- <camera class="camera" device-position="back" flash="off" @error="onCameraError" @stop="onCameraStop"></camera> -->
    <!-- 拍照按钮 -->
    <button @click="takePhoto">拍照</button>
  </view>
</template>

<script>
export default {
  methods: {
    // 拍照
    takePhoto() {
      const cameraContext = uni.createCameraContext();
      cameraContext.takePhoto({
        quality: 'high', // 图片质量，可以设置为high，normal，low，默认为normal
        success: (res) => {
          console.log('拍照成功', res);
          // 拍照成功后的处理，比如将照片显示在页面上等
        },
        fail: (err) => {
          console.error('拍照失败', err);
        }
      });
    },
    // 相机出错
    onCameraError(e) {
      console.error('相机出错', e);
    },
    // 相机停止工作
    onCameraStop(e) {
      console.log('相机停止工作', e);
    }
  }
};
</script>

<style>
.camera {
  width: 100%;
  height: 80vh;
}
</style>
